<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" >
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="基础语音服务系统">
    <meta name="description" content="基础语音服务系统">

    <!-- <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" media="screen"> -->
    <link rel="shortcut icon" type="image/x-icon" href="./common/favicon.ico" media="screen" />
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="./adminlte/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="./common/libs/font-awesome/css/font-awesome.min.css">

    <link rel="stylesheet" href="./common/css/iconfont.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="./common/libs/ionicons/css/ionicons.min.css">

    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->

    <link rel="stylesheet" href="./common/css/base.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <link rel="stylesheet" href="./adminlte/plugins/jQueryUI/jquery-ui.min.css">

    <!-- table and edit -->
    <link rel="stylesheet" href="./adminlte/plugins/datatables/dataTables.bootstrap.css">
    <link rel="stylesheet" href="./adminlte/plugins/datatables/select.bootstrap.min.css">
    <link rel="stylesheet" href="./adminlte/plugins/bootstrap-validator/dist/css/bootstrap-validator.css"/>
    <link rel="stylesheet" href="./adminlte/plugins/iCheck/all.css">
    <link rel="stylesheet" href="./adminlte/plugins/datepicker/datepicker3.css">
    <link rel="stylesheet" href="./adminlte/plugins/datepicker/bootstrap-datepicker.min.css">

    <link rel="stylesheet" href="./common/libs/datetimepicker/css/bootstrap-datetimepicker.min.css">

    <link rel="stylesheet" href="./adminlte/plugins/select2/select2.min.css">
    <link rel="stylesheet" href="./adminlte/plugins/select2/select2-bootstrap.min.css">
    <!-- treeview -->
    <link rel="stylesheet" href="./adminlte/plugins/bootstrap-treeview/bootstrap-treeview.min.css" />
    <link rel="stylesheet" href="./adminlte/plugins/jstree/dist/themes/default/style.min.css" />
    <!-- Theme style -->
    <link rel="stylesheet" href="./adminlte/dist/css/AdminLTE.min.css">
    <link rel="stylesheet" href="./adminlte/dist/css/skins/_all-skins.css">

</head>



<body class="hold-transition skin-blue sidebar-mini fixed">

<!-- <body class="hold-transition skin-blue sidebar-mini sidebar-collapse fixed"> -->
<!-- <body class="hold-transition skin-blue sidebar-mini sidebar-collapse"> -->
<style>
    .dataTables_filter input,.dataTables_filter select{
        width: 150px !important;
        margin-left: 0 !important;
        display: inline-block;
    }
    .dataTables_filter btn-group{
        margin-bottom:2px;
    }
</style>
<a name="main"></a>
<div class="wrapper">

    <header class="main-header">

        <!-- Logo -->
        <a href="javascript:void(0);" class="logo" style="font-size: 19px;">
            <!-- mini logo for sidebar mini 50x50 pixels -->
            <span class="logo-mini"><b>基础语音服务</b>系统</span>
            <!-- logo for regular state and mobile devices -->
            <span class="logo-lg"><b>基础语音服务</b>系统</span>
        </a>
        <!-- Header Navbar: style can be found in header.less -->
        <nav class="navbar navbar-static-top">
            <!-- Sidebar toggle button-->
            <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                <span class="sr-only">Toggle navigation</span>
            </a>

            <!-- Navbar Right Menu -->

            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    <!-- User Account: style can be found in dropdown.less -->
                    <li class="dropdown user user-menu">
                        <a href="#">
                            <img src="./common/img/logo.png" class="user-image" alt="User Image">
                            <span class="hidden-xs username"></span>
                        </a>
                    </li>
                    <!-- Control Sidebar Toggle Button -->
                    <li>
                        <a href="#" class="logout"><i class="fa fa fa-sign-out"></i>退出</a>
                    </li>
                </ul>
            </div>

        </nav>
    </header>
    <!-- Left side column. contains the logo and sidebar -->
    <aside class="main-sidebar">
        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
            <!-- Sidebar user panel -->
            <div class="user-panel">
                <div class="pull-left image">
                    <img src="./common/img/logo.png" class="img-circle" alt="User Image" style="height: 45px;">
                </div>
                <div class="pull-left info">
                    <p class="username"></p>
                    <a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
                </div>
            </div>
            <!-- sidebar menu: : style can be found in sidebar.less -->
            <ul class="sidebar-menu">
            </ul>
        </section>
        <!-- /.sidebar -->
    </aside>

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper" id="mainDiv">

    </div>
    <!--   <div class="content-wrapper" id="mainDiv2">

      </div> -->
    <!-- /.content-wrapper -->

    <footer class="main-footer text-center" style="position:fixed;right:0;bottom:0;left:230px;margin-left:0;">
        <strong>Copyright &copy; 2017 .</strong> All rights
        reserved.
        &nbsp;&nbsp;&nbsp;
    </footer>
    <!-- /.control-sidebar -->
    <!-- Add the sidebar's background. This div must be placed
         immediately after the control sidebar -->
    <div class="control-sidebar-bg"></div>

</div>

<!-- jQuery 2.2.0 -->
<script src="./adminlte/plugins/jQuery/jQuery-2.2.0.min.js"></script>
<!--JSON2-->
<script src="./common/json/json2.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="./adminlte/bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick -->
<script src="./adminlte/plugins/fastclick/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="./adminlte/dist/js/app.min.js"></script>

<!-- Slimscroll -->
<script src="./adminlte/plugins/slimScroll/jquery.slimscroll.min.js"></script>

<!-- jquery-validation -->
<script src="./common/plugins/jquery-validation/jquery.validate.min.js"></script>
<script src="./common/plugins/jquery-validation/localization/messages_zh.js"></script>
<script src="./adminlte/plugins/jQueryUI/jquery-ui.min.js"></script>

<!-- bootbox -->
<script src="./common/plugins/bootbox/bootbox.js"></script>

<!-- <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> -->

<!-- dataTable -->
<script src="./adminlte/plugins/datatables/jquery.dataTables.js"></script>
<script	src="./adminlte/plugins/datatables/dataTables.bootstrap.min.js"></script>
<!-- form -->
<script src="./adminlte/plugins/bootstrap-validator/dist/js/bootstrap-validator.js"></script>
<script src="./adminlte/plugins/iCheck/icheck.min.js"></script>
<script src="./adminlte/plugins/datepicker/bootstrap-datepicker.min.js"></script>
<script src="./adminlte/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>

<script src="./common/libs/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script src="./common/libs/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>

<!-- treeview -->
<script src="./adminlte/plugins/bootstrap-treeview/bootstrap-treeview.min.js"></script>

<script src="./adminlte/plugins/jstree/dist/jstree.js"></script>

<!-- contextmenu -->
<script src="./adminlte/plugins/bootstrap-contextmenu/bootstrap-contextmenu.js"></script>
<!-- <script src="./adminlte/plugins/bootstrap-contextmenu/gulpfile.js"></script> -->
<!-- <script src="http://cdnjs.cloudflare.com/ajax/libs/prettify/r224/prettify.js"></script> -->

<!-- AdminLTE for demo purposes -->
<script src="./adminlte/dist/js/demo.js"></script>
<!--select2-->

<script src="./adminlte/plugins/select2/select2.min.js"></script>
<script src="./adminlte/plugins/select2/i18n/zh-CN.js"></script>
<script src="./adminlte/plugins/select2/select2.full.min.js"></script>




<script type="text/javascript" src="./common/js/select.js"></script>
<script type="text/javascript" src="./common/js/sockjs.min.js"></script>
<script type="text/javascript" src="./common/js/stomp.min.js"></script>

<script type="text/javascript" src="./common/js/ajax.js"></script>
<script type="text/javascript" src="./common/js/date.js"></script>
<script type="text/javascript" src="./common/js/form.js"></script>
<script type="text/javascript" src="./common/js/page.js"></script>
<script type="text/javascript" src="./common/js/common.js"></script>
<script type="text/javascript" src="./common/js/base-modal.js"></script>

<!-- 加入页面的的脚本 -->
<script>
    AsyncGet("/user/info",null,function (data) {
       $(".username").text(data.phone);
    })
    //加载菜单
    SyncGet("/user/function", null, function (data) {
        var $li, $menu_f_ul;
        $.each(data, function (index, item) {
            if (item.bh.length == 6) {
                $li = $('<li class="treeview"></li>');
                var $menu_f = $('<a href="#">\n' +
                    '<i class="' + item.icon + '"></i> <span>' + item.name + '</span>\n' +
                    ' <span class="pull-right-container">\n' +
                    '<i class="fa fa-angle-left pull-right"></i>\n' +
                    '</span></a>');
                $li.append($menu_f);
                $menu_f_ul = $('<ul class="treeview-menu"></ul>');
                $li.append($menu_f_ul);
                $("ul.sidebar-menu").append($li);
            }
            else if (item.bh.length == 12) {
                $menu_s = $('<li><a href="#" data-url=".' + item.url + '"><i class="' + item.icon + '"></i>' + item.name + '</a></li>');
                $menu_f_ul.append($menu_s);
            }
        });
    });

    $(function () {
        //首页默认加载
        $(".logout").click(function () {
            AsyncPost("/user/logout",null,function (result) {
                localStorage.token=null;
                window.location.href="index.html"
            })
        })
        $("a[data-url]").click(function (evt) {
            $("#mainDiv").empty().load($(this).data("url"));
            $("ul.treeview-menu li").removeClass("active");
            $(this).parent().addClass("active");
        });
    });

</script>
</body>

</html>